<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>after伪元素</title>
    <!--CSS - :after 伪元素-->
    <!--":after" 伪元素可以在元素的内容之后插入新内容。-->
    <!--下面的例子在每个 <h1> 元素后面插入一幅图片：-->
    <style>
        h1:after {content: url("./image/smiley.gif");}
    </style>
</head>
<body>
<h1>This is a heading</h1>
<p>The :after pseudo-element inserts content after an element.</p>
<h1>This is a heading</h1>
<p><b>注意：</b>仅当！DOCTYPE已经声明IE8支持这个内容属性.</p>
</body>
</html>